﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="InsertAsset.aspx.cs" Inherits="InsertAsset" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="../Style/MyWork.css" rel="stylesheet" />
    <title>计入资产</title>
    <style type="text/css">
        li > a {
            text-decoration: none;
        }

        td {
            margin: 10px;
        }

        input {
            margin: 10px;
        }
        /* From Uiverse.io by Gautammsharma */
        .comic-button {
            display: inline-block;
            padding: 10px 20px;
            font-size: 24px;
            font-weight: bold;
            text-align: center;
            text-decoration: none;
            color: #fff;
            background-color: #ff5252;
            border: 2px solid #000;
            border-radius: 10px;
            box-shadow: 5px 5px 0px #000;
            transition: all 0.3s ease;
            cursor: pointer;
            justify-content: center;
        }

            .comic-button:hover {
                background-color: #fff;
                color: #ff5252;
                border: 2px solid #ff5252;
                box-shadow: 5px 5px 0px #ff5252;
            }

            .comic-button:active {
                background-color: #fcf414;
                box-shadow: none;
                transform: translateY(4px);
            }
        /* 侧边栏样式 */
        .menus {
            list-style: none;
            padding: 0;
            margin: 0;
            transition: left 0.5s; /* 动画效果 */
            position: absolute;
            top: 100px;
            left: -200px; /* 默认隐藏 */
            bottom: 0;
            overflow-y: auto;
            float: left;
            width: 200px;
            height: 650px;
            background-color: coral;
            border-radius: 11px;
        }

            .menus li {
                padding: 3px;
            }

            .menus a {
                text-decoration: none;
                display: block;
                padding: 8px 16px;
                color: black;
            }

                .menus a:hover {
                    background-color: #555;
                    color: white;
                }
        /* 图片按钮样式 */
        .menu-toggle {
            cursor: grab;
            float: left;
        }

        .button3 {
            position: absolute;
            top: 200px;
            left: 1400px;
        }

        .returnbutton {
        }
        /*返回按钮*/
        .returnbutton {
            background: #fbca1f;
            font-family: inherit;
            padding: 0.6em 1.3em;
            font-weight: 900;
            font-size: 18px;
            border: 3px solid black;
            border-radius: 0.4em;
            box-shadow: 0.1em 0.1em;
            cursor: pointer;
        }

            .returnbutton:hover {
                transform: translate(-0.05em, -0.05em);
                box-shadow: 0.15em 0.15em;
            }

            .returnbutton:active {
                transform: translate(0.05em, 0.05em);
                box-shadow: 0.05em 0.05em;
            }
        /* 基本表格样式 */
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 20px;
        }

        /* 表格行的样式 */
        tr {
            background-color: #f2f2f2;
            border-bottom: 1px solid #ddd;
        }

            /* 表格行的鼠标悬停样式 */
            tr:hover {
                background-color: #e8e8e8;
            }

        /* 表格头的样式 */
        th, td {
            padding: 10px;
            text-align: left;
        }

        /* 标签的样式 */
        .label-style {
            font-weight: bold;
            width: 90px;
        }

        /* 文本框的样式 */
        .textbox-style {
            width: 380px;
            height: 25px;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        /* 多行文本框的样式 */
        .textarea-style {
            width: 885px;
            height: 200px;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
            resize: vertical; /* 允许用户调整文本区域的大小 */
        }

        /* 下拉列表的样式 */
        .dropdown-style {
            width: 386px;
            height: 30px;
            padding: 5px;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        /* 按钮的样式 */
        .comic-button {
            background-color: #4CAF50; /* Green */
            color: white;
            padding: 10px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 16px;
            margin: 4px 2px;
            cursor: pointer;
            border: none;
            border-radius: 4px;
        }

            .comic-button:hover {
                background-color: #45a049;
            }
        .typebtn{
            position:absolute;
            top:20%;
            right:10%;
            
        }
        .pan{
            position: absolute;
            top: 35%;
            left: 35%;
        }
    </style>
</head>
<body>
    <form runat="server">
        <div id="one">
            <%--第一部分--%>
            <div id="logo">
                <img src="../Image/学校.png" alt="Alternate Text" class="menu-toggle" style="margin: 10px; width: 50px; height: 50px; float: left;" />
                <h3 style="margin-top: 22px; font-size: 20px; float: left;">高校资产管理系统</h3>
            </div>
            <div id="daohang" runat="server">
                <%--导航面板--%>

                <ul style="float: right; list-style-type: none; width: 400px;" runat="server">
                    <li></li>
                    <li style="margin-top: 6px;"><a href="../ChangePwd.aspx" class="Topstatus">修改密码</a></li>
                    <li style="margin-top: 6px;"><a href="../GetPwd.aspx" class="Topstatus">找回密码</a></li>
                    <li style="margin-top: 6px;"><a href="../MyUAMSWeb.aspx" class="Topstatus">退出登录</a></li>

                </ul>
            </div>
        </div>



        <hr align="left" size="3px" color="gray" width="920px" style="width: 100%;">
        <%--状态栏--%>
        <div id="status">

            <asp:Label ID="username" runat="server"></asp:Label>
        </div>


        <nav class="menus">
            <%--侧边栏--%>
            <ul>
                <li style="float: left; list-style: none; padding: 3px;">
                    <a href="../UserWork/MyWork.aspx" style="text-decoration: none;">我的业务</a>
                </li>
                <li style="float: left; list-style: none; padding: 3px;">
                    <a href="../UserWork/InsertAsset.aspx" style="text-decoration: none;">计入资产</a>
                </li>
                <li style="float: left; list-style: none; padding: 3px;">
                    <a href="../UserWork/AssetCategory.aspx">计入类别</a>

                </li>
                <li style="float: left; list-style: none; padding: 3px;">
                    <a href="../MaintenanceMgm/AllMaintenance.aspx">维修申请</a>

                </li>
                <li style="float: left; list-style: none; padding: 3px;">
                    <a href="../UserWork/UpdataAmount.aspx">库存管理</a>

                </li>
                <li style="float: left; list-style: none; padding: 3px;">
                    <a href="../UserWork/AssetBR.aspx" >资产借还管理</a>
                </li>
            </ul>
        </nav>

        <div class="content container" style="padding: 10px; border-radius: 10px;">
            <%--主要内容--%>

            <table>
                <tr>
                    <td colspan="4" style="text-align: center; vertical-align: middle">
                        <h2 align="center">计入资产</h2>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center">
                        <asp:Label ID="label1" runat="server" Text="名称: " Width="90px"></asp:Label></td>
                    <td>
                        <asp:TextBox ID="txtName" runat="server" Width="380" Height="25px"></asp:TextBox></td>
                    <td style="text-align: center">
                        <asp:Label ID="label2" runat="server" Text="类别: " Width="90px"></asp:Label></td>
                    <td>
                        <asp:LinqDataSource ID="LinqDataSource1" runat="server" ContextTypeName="MyUAMS.DAL.DataClasses1DataContext" EntityTypeName="" TableName="AssetType_Table">
                        </asp:LinqDataSource>
                        <asp:DropDownList ID="TypeId" runat="server" Width="386px" Height="30px" DataSourceID="LinqDataSource1" DataTextField="Tname" DataValueField="Tid">
                        </asp:DropDownList>
                    </td>
                </tr>
                <tr>
                    <td style="text-align: center">
                        <asp:Label ID="label4" runat="server" Text="单位: " Width="90px"></asp:Label></td>
                    <td colspan="3">
                        <asp:TextBox ID="AmountUnit" runat="server" Width="380" Height="25px"></asp:TextBox></td>
                </tr>
                <tr>
                    <td style="text-align: center">
                        <asp:Label ID="label6" runat="server" Text="负责人: " Width="90px"></asp:Label></td>
                    <td>
                        <asp:TextBox ID="txtCperson" runat="server" Width="380" Height="25px"></asp:TextBox></td>
                    <td style="text-align: center">
                        <asp:Label ID="label7" runat="server" Text="负责人电话: " Width="90px"></asp:Label></td>
                    <td>
                        <asp:TextBox ID="txtTelephone" runat="server" Width="380" Height="25px"></asp:TextBox></td>
                </tr>
                <tr>
                    <td style="text-align: center">
                        <asp:Label ID="label8" runat="server" Text="负责部门: " Width="90px"></asp:Label></td>
                    <td>
                        <asp:TextBox ID="txtDpartment" runat="server" Width="380" Height="25px"></asp:TextBox></td>
                    <td style="text-align: center">
                        <asp:Label ID="label9" runat="server" Text="部门负责人电话: " Width="90px"></asp:Label></td>
                    <td>
                        <asp:TextBox ID="txtDtelephone" runat="server" Width="380" Height="25px"></asp:TextBox></td>
                </tr>
                <tr>
                    <td style="text-align: center">
                        <asp:Label ID="label5" runat="server" Text="描述" Width="90px"></asp:Label></td>
                    <td colspan="3">
                        <asp:TextBox ID="AssetDescribe" runat="server" Width="885px" Height="200px" TextMode="MultiLine" BorderStyle="Solid"></asp:TextBox>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" style="text-align: center; vertical-align: middle">
                        <asp:Button ID="btnOk" runat="server" Text="确认" CssClass="comic-button" OnClick="btnOk_Click" />
                    </td>
                    <td colspan="2" style="text-align: center; vertical-align: middle">
                        <asp:Button ID="return" runat="server" OnClick="return_Click" CssClass="returnbutton" Text="返回" />
                    </td>
                </tr>
            </table>
           
        </div>

                <asp:Panel ID="Panel1" runat="server" CssClass="pan">
                    <div style="background-color: white;">
                        <asp:TextBox ID="typetxt" runat="server" TextMode="MultiLine" Width="670px" Height="500px" ReadOnly="True"></asp:TextBox>

                    </div>
                </asp:Panel>

            
        
        
        <asp:Button ID="typebtn" runat="server" Text="所有类别" CssClass="typebtn" OnClick="typebtn_Click" />
    </form>
    <script src="Scripts/MyWork.js"></script>
    <script>
        // 获取侧边栏和图片按钮元素
        var sidebar = document.querySelector('.menus');
        var menuToggle = document.querySelector('.menu-toggle');

        // 为图片按钮添加点击事件
        menuToggle.addEventListener('click', function () {
            // 切换侧边栏的显示和隐藏
            var sidebarStyle = sidebar.style;
            if (sidebarStyle.left === '-200px') {
                sidebarStyle.left = '0';
            } else {
                sidebarStyle.left = '-200px';
            }
        });
    </script>
</body>

</html>
